<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="ey-header" th:fragment="personTopBar(resCategoryModel)">
    <div class="ey-logo">
        <a href="http://eydemozy.zmysz.cn/11845"><img src="/static/images/logo.png"></a>
    </div>
    <div class="ey-header-nav w1200">
        <ul class="nav nav-menu nav-inline">
            <li><a href="/"> 首页 </a></li>
            <th:block th:each="resCat:${resCategoryModel}">
                <li>
                    <a th:href="${resCat.url}" th:text="${resCat.categotyName}">
                        <i class="fa fa-angle-down margin-small-left" th:style="${#lists.isEmpty(resCat.children)}?'display:none':''"></i>
                    </a>
                    <ul class="drop-menu">
                        <th:block th:each="resCateChildren:${resCat.children}">
                            <li><a th:href="${resCateChildren.url}"th:text="${resCateChildren.categotyName}"></a></li>
                        </th:block>
                    </ul>
                </li>
            </th:block>
            <li><a href="/web/hotmsg.html">热点资讯</a></li>
            <li><a href="/web/me.html">关于我们</a></li>
        </ul>
    </div>
    <div class="ey-header-r">
        <div class="right-item user-news">
            <span class="icon"><i class="el-icon-bell"></i></span>
            <span style="position: absolute;color: white;font-size: 18px;background-color: red;width: 24px;
                    height: 22px;
                    line-height: 23px;
                    left: 80%;
                    top: -12px;
                    text-align: center;
                    -webkit-border-radius: 24px;
                    border-radius: 24px;" th:if="${msgTotal!=0}" th:text="${msgTotal}"></span>
        </div>
        <div class="right-item user-photo">
            <img th:src="${resUser?.userImg}">
            <div class="user-drop">
                <ul>
                    <li><a href="/person/info.html">个人中心</a></li>
                    <li><a href="/person/collection.html">我的收藏</a>
                    </li>
                    <li><a href="/web/logout.html">安全退出</a></li>
                </ul>
            </div>
        </div>
        <!-- 头部信息结束 -->
        <script type="text/javascript">
            //头像下拉
            $(".user-photo").mouseover(function () {
                $(".user-drop").show();
            });
            $(".user-photo").mouseout(function () {
                $(".user-drop").hide();
            });
        </script>
    </div>
</div>
</body>
</html>
